qq_56023114的博客

直接把树形结构传进来，返回html。

mixins用于复用 在src下创建mixins/count.js用于存放你要重复使用的模块 export default { data() { return { count: 0, a: 10 }; }, methods: { add() { this.count++; }, minus() { this.count-- } } }; 暴露的方法

创建插槽文件 在自动注册组件下创建MySlotss/Iindex,通过props来传值 <template> <div> <slot name="h3">h3</slot> <slot name="h1">h1</slot>//用name接收#名字来排序 <slot name="h2">h2</slot> </div> </temp

创建过滤器文件filters/index.js import Vue from "vue";//引入vue //语法 //Vue.filter('选择器名',function(value){ // if (!value) return '' // return `$${value}` 要做的事情 //}) Vue.filter('dollar', function (value) {//value为接收的参数,要改变的值 if (!value) return ''//判断是否为空 re

模板语法 {{}}里面写语句表达式或变量 v-html指令 类似于 innerHTML(带结构) innerText(纯文本) <div v-html="带结构的变量"> </div> v-bind指令 用于绑定状态 状态都写在data（）{}里面 绑定titel <h1 v-bind:title="titel">{{titel}}</h1> 绑定a标签 <a :helf="helf">baidu</a> &l

Vue起步 Vue官网文档 我们先直接引用Vue,先不搭建结构 创建Vue-dome为根目录,作为项目的根目录,最终目录如 在Vue官网文档复制<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>里面的链接,在新网页打开,然后全部粘贴进vue.js,引入Vue ` 在html里引入Vue自己要写的JS文件,使用声明式渲染 <div id="app"> 声明