1.vue定义
是一个js框架,常见的js框架有三种vue.js,react.js,angular.js
2.vue引入
网址引入:
本地引入:
// html文件和vue.js文件在同一个文件夹底下,不在同一文件夹下需要区分写法
3.创建vue实例化对象以及数据的使用
<body>
<div class="选择器名,和底下vue里面实例化作用的标签要一致">
{{msg}} // 双大括号里面可以写表达式也可以写处理数据的方法,例如{{msg?'111':'222'}}
</div>
</body>
new Vue({
el:'选择器', //表示当前vue实例所作用的标签
data:{
名字:值,
名字:值
}
})
具体例子比如:
4.vue指令
指令就是告诉计算机处理某种运算的代码,vue的指令通常以v-开头,用法为<标签 vue指令=‘vue实例化对象里面的data变量’>
解决插值闪烁的指令:v-cloak
给标签写入内容的指令:v-text,这个方法写入的值会把标签里面写的值覆盖
给标签写入内容并且能识别写入的html标签的指令:v-html
绑定html的属性的指令为:v-bind,还可以直接简写为:,使用的方式为v-bind:属性='变量' 简写的话就是 :属性='变量',等号后边的值还可以拼接,比如v-bind:属性=' 变量+“字符串” '或者v-bind:属性=' 变量+变量 ',如果里面拼接字符串的话一定要加引号,加单引号双引号取决于你外面的引号是单引号还是双引号,一定要跟外面的区分开,不然的话就会被当成变量识别,变量的话一定要是同一个vue实例化data里面的变量
或者简写的话就是: