摘要: qwq 前两天看了下vue,父子组件方法的调用,怕忘记,所以做个小记录。 一.父组件调用子组件的方法 1.父组件 <template> <div id="rightmenu8"> <rightmenu7 ref="rightmenu7"></rightmenu7> // ref要放在组件上 <but 阅读全文
posted @ 2018-04-13 08:43 ZBB0304 阅读(3334) 评论(0) 推荐(0) 编辑
摘要: 1).打开配置文件".babelrc",配置插件集,代码如下: { "presets":["latest"] } 2).安装babel插件集,打开命令窗口,输入如下命令: npm install babel-preset-latest 3).开发者需要注意的是,babel只对ES6的新语法进行转码, 阅读全文
posted @ 2018-03-27 17:15 ZBB0304 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 1).Babel支持NPM包形式的安装,打开命令行窗口,切换到项目根目录,命令如下 npm install babel-cli 2).安装成功后,在package.json文件里添加如下代码 "scripts":{ "start":"babel test.js --out-file test-com 阅读全文
posted @ 2018-03-27 16:56 ZBB0304 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 作为一个前端,不会webpack不行啊,今天学习一下,感觉似懂非懂,记录一下吧 1.安装webpack 1).创建一个文件夹,命令行进入该文件夹,创建package.json文件npm init 2).安装webpack环境 npm install webpack --save-dev 2.打包js 阅读全文
posted @ 2017-11-23 10:27 ZBB0304 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 1.在vue-router中,有两大对象被挂载到了实例this2.$route(只读、具备信息的对象)、$router(具备函数功能)3.查询字符串方式传递参数 1).去哪里 <router-link :to="{name:'detail',query:{id:1}}">xxx</router-li 阅读全文
posted @ 2017-10-11 16:40 ZBB0304 阅读(858) 评论(0) 推荐(0) 编辑
摘要: main.js import Vue from 'vue'import App from './App'import VueRouter from 'vue-router'import footer from './components/footer.vue'import header from ' 阅读全文
posted @ 2017-10-10 15:05 ZBB0304 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 一.路由使用步骤 1).下载 npm i vue-router -S 2).在main.js中引入 3).安装插件Vue.user(插件) 4).创建路由对象 并配置路由 5).将路由对象传递给vue实例,options中 6).留坑 main.js import Vue from 'vue'imp 阅读全文
posted @ 2017-10-10 12:15 ZBB0304 阅读(123) 评论(0) 推荐(0) 编辑
摘要: <template> <div> <header-vue :msg="msg" ref="header">heheh</header-vue> <body-vue></body-vue> <footer-vue></footer-vue> <div ref="div">{{msg}}</div> < 阅读全文
posted @ 2017-10-10 09:13 ZBB0304 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 父组件 App.vue <template> <div> <header-vue :msg="msg"></header-vue> <body-vue></body-vue> <footer-vue></footer-vue> </div></template> <script> export de 阅读全文
posted @ 2017-10-09 16:47 ZBB0304 阅读(125) 评论(0) 推荐(0) 编辑
摘要: main.js // The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.impo 阅读全文
posted @ 2017-10-09 16:28 ZBB0304 阅读(181) 评论(0) 推荐(0) 编辑