南啾 - 博客园

2020年5月18日

摘要：一、在index.js文件中导入vue和vue-router import Vue from 'vue' //1、导入 import VueRouter from 'vue-router' 二、模块化机制，使用Router Vue.use(VueRouter) 三、创建路由器对象 const rou 阅读全文

posted @ 2020-05-18 10:24 南啾阅读(609) 评论(0) 推荐(0) 编辑

多页应用与单页应用

摘要：多页应用 MPA 每一个页面都是一个.html文件 SEO优化单页应用 SPA 相当于一个a标签，切换不同的视图是否用户群体比较多知乎、掘金，网易云，百度移动端等后台管理系统 vue-element-admin 阅读全文

posted @ 2020-05-18 10:15 南啾阅读(145) 评论(0) 推荐(0) 编辑

2020年5月17日

在当前项目中导入element-ui

摘要： 1、在当前项目终端执行 vue add element 2、执行完成提示以下内容 3、选择第二种，按需导入注：导入element之前一定要提交App.vue这个文件，因为导入element会覆盖这个文件阅读全文

posted @ 2020-05-17 16:20 南啾阅读(671) 评论(0) 推荐(0) 编辑

vscode打开管理员终端命令

摘要： 1执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的2.执行：set-ExecutionPolicy RemoteSigned3.选择Y4.在此执行阅读全文

posted @ 2020-05-17 16:09 南啾阅读(2342) 评论(0) 推荐(0) 编辑

动态改变后端传来的值

摘要： this.user = object.assign({},this.user{ 传的值 }) 阅读全文

posted @ 2020-05-17 13:28 南啾阅读(169) 评论(0) 推荐(0) 编辑

平行组件通信

摘要： <body> <div id="app">  <App></App> </div> <script> //1.创建中央事件总线 bus const bus = new Vue(); Vue.component('B', { data() { return { coun 阅读全文

posted @ 2020-05-17 10:33 南啾阅读(136) 评论(0) 推荐(0) 编辑

组件通信-父传子

摘要： <body> <div id="app">  <App></App> </div> <script> //全局组件 //父传子：通过props进行通信 //1.在子组件中声明props接收在父组件挂载的属性 //2.可以在子组件的template中任意使用 //3.在阅读全文

posted @ 2020-05-17 00:28 南啾阅读(145) 评论(0) 推荐(0) 编辑

组件通信-子传父

摘要： <body> <div id="app">  <App></App> </div> <script> //全局组件 //子传父： //1.在父组件中绑定自定义事件 //2.在子组件触发原生的事件，在事件函数通过this.$emit触发自定义的事件 Vue.compon 阅读全文

posted @ 2020-05-17 00:27 南啾阅读(168) 评论(0) 推荐(0) 编辑

2020年5月16日

全局组件的创建和使用

摘要： //创建全局组件使用component方法，第一个参数是组件名，第二个配置 //只要创建全局组件，可以在任意地方的template中使用 Vue.component('Vheader', { template: ` <div> 我是导航组件 </div> ` }) 阅读全文

posted @ 2020-05-16 23:52 南啾阅读(284) 评论(0) 推荐(0) 编辑

局部组件的创建和使用

摘要：使用局部组件的打油诗：创子、挂子、用子 <body> <div id="app">  <App></App> </div> <script> //App组件包括html+css+js //1.创建组件 //注意：在组件中这个data必须是一个函数，返回一个对象 con 阅读全文

posted @ 2020-05-16 23:31 南啾阅读(295) 评论(0) 推荐(0) 编辑

南啾

公告