常用指令：
- v-text ：是元素的innerText只能在双标签中使用
- v-html ：是元素的innerHtml，不包含{{xxx}}
- v-if ：元素是否移除或者插入
- v-show：元素是否显示或者隐藏
- v-model：双向数据绑定，v-bind是单向数据绑定（内存js影响页面）
- 需要根据可变的表达式的结果来给class赋值，就需要用的v-bind：class="xxx"
v-bind：属性名=“表达式”，最终表达式运算结束的结果赋值给该属性名
——简化的写法: :属性名=“表达式”
- class：结果的分类
——一个样式：返回字符串（三元表达式和key和样式的清单对象）
——多个样式：返回对象（样式做key，true或flase做值）
- 绑定事件的方法（methods和v-on的使用）：<button v-on:click="change()">test</button>可缩写为<button v-@click="change">test</button>
——v-on: 事件名=“表达式||函数名”
——简写：@事件名=“表达式||函数名”
函数名如果没有参数，可以省略（），只给一个函数名称
声明组件内函数， 在export default这个对象的根属性加上methods属性，其是一个对象，key是函数名，值是函数体。在export default这个对象的根属性上加上data属性，其实是一个函数，返回一个对象，对象的属性是我们初始化的变量的名称
反是在template中使用的变量或者函数，不需要加上this，在script中使用的就需要加上this
样式在本页面有效<style scoped>
父和子，使用的父，被用的是子，父需要声明子组件，引入子组件对象，声明方式如下：
JavaScript
import 子组件对象 from './xxx.vue'；
{
components：{
组件名：子组件对象
}
}
- 全局组件，使用更为方便，不需要声明，直接用，在main.js中引入一次，在main.js中使用‘vue.component（‘组件名’，组件对象）；’声明全局组件Vue.component("head",head)，所有的组件就可以直接使用
- 接收父组件值参数的设置 props：["textone"]
- 父传子：
父组件通过子组件的属性将值进行传递：
方式有二：
+常量：prop1=“常量值”
+变量：prop2=“变量名”
子组件需要声明：
-根属性props：[‘props1’，‘props2’]
-在页面中直接使用{{prop1}}
在js中使用prop1需要使用this.prop1
转载：https://blog.csdn.net/weixin_41162263/article/details/102372339