摘要: 1. 功能:用于增强Vue 2. 本质:包含install [固定的词]方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 plugins.js export default { install(Vue,x,y,z){ console.log(x,y,z) 阅读全文
posted @ 2022-04-27 17:45 杨建鑫 阅读(107) 评论(0) 推荐(0)
摘要: scoped样式 scoped 是写在style里面的,写上就会出现了 阅读全文
posted @ 2022-04-27 17:28 杨建鑫 阅读(18) 评论(0) 推荐(0)
摘要: <template> <div> <h1 v-text="msg" ref="title"></h1> <button ref="btn" @click="showDOM">点我输出上方的DOM元素</button> <School ref="sch"/> </div> </template> <s 阅读全文
posted @ 2022-04-27 17:00 杨建鑫 阅读(200) 评论(0) 推荐(0)
摘要: 1.首次安装 : cnpm i -g @vue/cli 2.创建项目 vue create 项目名 3.运行 : ( cnpm run serve 或)进去代码,点击运行就好了 自定义脚手架 : babel : ES6转换ES5的 eslint : 语法检查的 分析脚手架 1.babel.confi 阅读全文
posted @ 2022-04-27 11:48 杨建鑫 阅读(331) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-04-27 10:21 杨建鑫 阅读(53) 评论(0) 推荐(0)
摘要: 关于VueComponent: 1.school组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的。 2.我们只需要写<school/>或<school></school>,Vue解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的: 阅读全文
posted @ 2022-04-27 09:03 杨建鑫 阅读(81) 评论(0) 推荐(0)
摘要: <body> <!-- 准备好一个容器--> <div id="root"> </div> </body> <script type="text/javascript"> Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。 //定义studen 阅读全文
posted @ 2022-04-27 09:00 杨建鑫 阅读(33) 评论(0) 推荐(0)
摘要: 几个注意点: 1.关于组件名: 一个单词组成: 第一种写法(首字母小写):school 第二种写法(首字母大写):School 多个单词组成: 第一种写法(kebab-case命名):my-school 第二种写法(CamelCase命名):MySchool (需要Vue脚手架支持) 备注: (1) 阅读全文
posted @ 2022-04-27 08:58 杨建鑫 阅读(49) 评论(0) 推荐(0)
摘要: Vue中使用组件的三大步骤: 一、定义组件(创建组件) vue.extend 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件? 使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别; 区别 阅读全文
posted @ 2022-04-27 08:56 杨建鑫 阅读(56) 评论(0) 推荐(0)