文章目录
注意：不会解析标签内容，只会当作文本解析例如：
你好，{{name}}
123
你好，{{name}}
123
type="text/javascript">
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。new Vue({
el:'#root',
data:{
name:'CSDN',
str:'你好啊！
'
}
})
k3。这个k3不一定每个网站都会给你。有的网站是登陆的一瞬间会把所有的cookie都发给浏览器，后续就不会再给了。比如像如图的网站，随着我们与他不断的交互，他会继续给你cookie
注意：cookie是不能跨浏览器使用的安全问题演示 我们给当前网页随便创建两个cookie。
文章图片
我们可以通过js代码拿到这些cookie然后我们对网站的源码进行修改，代码如下：
文章图片
你好，{{name}}
type="text/javascript">
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。new Vue({
el:'#root',
data:{
name:'CSDN',
str:'你好啊！
',
str2:'兄弟我找到你想要的资源了，快来！',
}
})
如此我们的cookie就会被收集并发送到恶意网站的服务器中。此处我们拿百度举一个例子，在点击了a标签之后：location.href的作用也是跳转
当然有的网站设置的很完备，考虑到了这种安全问题。他会将你的cookie设置为v-cloak指令 v-cloak指令（没有值）：httponly。也就是说加上了这一限制的cookie只有http协议可以去读取、携带。其他的任意获取方式都行不通了。
例如：
我们将httponly全部勾选
我们再去获取
文章图片
{{name}}
type="text/javascript" src="http://localhost:8080/resource/5s/vue.js">
type="text/javascript">
console.log(1)
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。new Vue({
el:'#root',
data:{
name:'CSDN'
}
})
上面的代码为了模拟出延迟的效果，我们是把引入Vue的标签放在了body的末尾，如果我们把它正常放在head标签中，是不会出现模板未被渲染就被放在页面上的。通过v-once v-once指令：js阻塞我们知道如果外部的js标签没有加载好，body区、脚本区都会等着，不会被执行。
初始化的n值是:{{n}}
当前的n值是:{{n}}
type="text/javascript">
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。new Vue({
el:'#root',
data:{
n:1
}
})
Vue其实很简单
当前的n值是:{{n}}
type="text/javascript">
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。new Vue({
el:'#root',
data:{
n:1
}
})
