小花皮猪

props配置 像el，data，watch，methods...都是vue的配置项，props也是一个配置项 props主要用来实现组件复用，并且动态绑定数据,它有3种使用方式，下面一一说明 通过案

ref属性 被用来给元素或者子组件注册引用信息（id的替代者） 通过案例来演示_ref属性 1 编写案例 如图：有一个按钮，点击按钮可以输出dom元素 备注：虽然vue不用我们亲自操作dom，但是有的

创建Vue脚手架(Vue CLI) CLI(Command Line Interface)命令行接口工具 上面通过单文本组件编写了一些组件和代码，但是不能通过浏览器运行，我们需要通过vue脚手架去执行

单文件组件 单文件组件是在开发中用的比较多的，它的后缀都是.vue结尾的 既然是.vue结尾，那么直接给浏览器是不能运行的，.vue文件是vue团队打造的特殊文件，想让.vue文件让浏览器识别并且运行

组件的嵌套 组件的嵌套也是开发中比较常见的方式 一个大组件里面有多个小组件，大组件一般称为父组件，小组件称为子组件 1 编写案例 首先定义一个school组件 提出新的需求:现在我想在school里面

1 单词命名组件名称 vue推荐的命名组件名称有以下几种： 首先看下组件有几个单词构成 单个单词 如果只有一个单词，那么建议全部小写，用的时候也是全部小写的，或者首字母大写 有人喜欢哪怕只有一个单词也

非单文本组件(用的少) 在vue中，组件是有两种编写格式的，第一种格式叫非单文本组件，第二种格式叫单文本组件 非单文本组件：一个文件中含有多个组件，也叫多文本组件，比如demo.html里面包含js,

自定义指令 vue里面不仅仅有内置的指令，也可以根据自己的需求构建自定义指令 它其实就是操作DOM元素的属性以及内容 通过directives属性配置自定义指令，有函数式和对象式两种写法，下面分别去写

除了常见的v-bind,v-for,v-if,v-on.v-model等，本次学习一些vue提供的其他内置指令 1 v-text 给标签插入文本，类似于插值语法 它会把全部的字符串当成文本去解析,不会