vue结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
<script src="../vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</html>
vue启动时出现的提示,Vue.config.productionTip阻止启动提示
< 创建容器，通绑定id值
注：搭建脚手架（vue-cli）后只能出现一个容器 >
{{差值}}
new 一个vue实例（）{
el：“容器名称”，例 el：“#app”
el为绑定容器 有两种方法：第一种就是上方展示
第二种 Vue实例.$mount("容器名称")例：vm.$mount("#app')，
注：$smount绑定方式一定要放在实例最后
data用于定义变量的集合，通常与差值提供
对象式
data：{
}
函数式
data（）{
return{
}
}
注：不要使用箭头函数，搭建脚手架（Vue-cli）后，必须用函数式
}，
vm.$mount("#app')，
methods存放函数方法
注：尽量不要使用箭头函数，否则拿取不到data的数据
注：函数名称不要与变量名称一致
methods: {
func4(){
this.loca = "https://v2.cn.vuejs.org/v2/guide/"
}
},
})
内置指令：
1.v-bind：简写成 ： ，作用：绑定元素属性
2.v-on： 绑定方式事件监听， 简写@
3.v-for指令 遍历数组 对象
4.v-if 指令 做判断 ，隐藏
5.v-show 隐藏（是否展示）
6.v-text覆盖文本（读取文本）
7.v-html覆盖文本（读取标签）
8.v-cloak指令 （没有值）解决屏幕闪烁问题
9. v-once指令（没有值）优化性能
10.v-pre指令 （没有值）加快编译
11.v-model指令，（双向绑定）一般绑定value值
v-if 做判断，隐藏(是否存在)
区别：对于元素只是一次可以选择使用v-if(消耗内存),操作次数多v-show(并没有销毁元素)
<!-- 1.在vue2中，v-for优先级比v-if高
在vue3中，v-if优先级比v-for高
2. v-if和v-for不能同时使用
3、同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-for循环-->
v-text和v-html，插值区别
<!-- 1.v-text和v-html相同点：都会覆盖文本
不同点：v-text只读取文本，v-html读取标签 -->
<!-- 2.插值添加值， -->
<!-- 注：不要在用提交时使用v-html,不要在动态渲染时时使用v-html -->
406
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
