随笔分类 - vue
摘要：一、在index.js文件中导入vue和vue-router import Vue from 'vue' //1、导入 import VueRouter from 'vue-router' 二、模块化机制，使用Router Vue.use(VueRouter) 三、创建路由器对象 const rou
阅读全文
摘要：多页应用 MPA 每一个页面都是一个.html文件 SEO优化 单页应用 SPA 相当于一个a标签，切换不同的视图 是否用户群体比较多 知乎、掘金，网易云，百度移动端等 后台管理系统 vue-element-admin
阅读全文
摘要：1、在当前项目终端执行 vue add element 2、执行完成提示以下内容 3、选择第二种，按需导入 注：导入element之前一定要提交App.vue这个文件，因为导入element会覆盖这个文件
阅读全文
摘要：1执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的2.执行：set-ExecutionPolicy RemoteSigned3.选择Y4.在此执行
阅读全文
摘要：this.user = object.assign({},this.user{ 传的值 })
阅读全文
摘要：<body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //1.创建中央事件总线 bus const bus = new Vue(); Vue.component('B', { data() { return { coun
阅读全文
摘要：<body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //全局组件 //父传子：通过props进行通信 //1.在子组件中声明props接收在父组件挂载的属性 //2.可以在子组件的template中任意使用 //3.在
阅读全文
摘要：<body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //全局组件 //子传父： //1.在父组件中绑定自定义事件 //2.在子组件触发原生的事件，在事件函数通过this.$emit触发自定义的事件 Vue.compon
阅读全文
摘要：//创建全局组件使用component方法，第一个参数是组件名，第二个配置 //只要创建全局组件，可以在任意地方的template中使用 Vue.component('Vheader', { template: ` <div> 我是导航组件 </div> ` })
阅读全文
摘要：使用局部组件的打油诗：创子、挂子、用子 <body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //App组件包括html+css+js //1.创建组件 //注意：在组件中这个data必须是一个函数，返回一个对象 con
阅读全文
摘要：<div id="app"> <!-- 过滤器使用需要加上管道符 | --> <h3>{{price | myPrice('￥')}}</h3> <h3>{{msg | myReverse}}</h3> </div> <script> //创建全局过滤器 Vue.filter('myReverse'
阅读全文
摘要：<div id="app"> <h3>{{reverseMsg}}</h3> </div> <script> new Vue({ el: '#app', data: { msg: 'hello world' }, computed: { //computed默认只有getter方法 //计算属性最大
阅读全文
摘要：<div id="app"> <input type="text" v-model="msg"> <h3>{{msg}}</h3> <br> <h3>{{stus[0].name}}</h3> <button @click='stus[0].name = "Tom"'>改变</button> </d
阅读全文
摘要：指令系统： 指令中封闭了一些dom行为，结合属性作为一个暗号，暗号有对应的值，根据不同的值，框架会进行相关dom操作的绑定 1）、v-text 等价于 {{ }} 都是插入值，直接渲染，实现原理：innerText 2）、v-html 既能插入值，又能插入标签，实现原理：innerHTML 3）、v
阅读全文
摘要：jquery库 相当于 dom操作+请求 art-template库 相当于 模板引擎 框架 = 全方位功能齐全 即 简易的dom体验+发请求+模板引擎+路由功能+数据管理 以KFC为例：库就是一个个小套餐，框架就是全家桶 两者代码上的不同 一般使用库的代码是调用某个函数，我们自己把控库的代码 一般
阅读全文
摘要：一、安装vue-cli脚手架 终端输入命令 1、npm install -g @vue/cli #自动安装最新版本 2、npm install -g @vue/cli-init #拉取2.x模板 报错 npm error 可以运行下面命令npm cache clean --force && npm
阅读全文
摘要：恢复内容开始 一、vue的介绍 渐进式的JavaScript框架 前端三大框架：vue react angualr 作者： 尤雨溪 facebook 谷歌公司 文档：中文 二、node.js 1、官网下载 2、打开终端cmd：node -v 出现版本号则安装成功 3、下载安装完node自带包管理员n
阅读全文
摘要：1、声明变量 let和const(es5中用的是var) let声明的变量：1、属于局部作用域 2、没有覆盖现象 const声明的是常量，一量声明不可修改 const声明的常量属于局部作用域 2、模板字符串 tab键上面的反引号 如果说你要拼接一串字符串，那么不需要直接的用+号去拼接，使用反引号来，
阅读全文
浙公网安备 33010602011771号