![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Brynn.
这个作者很懒,什么都没留下…
展开
-
Vue生命周期函数
beforeCreate() { console.log("1模板创建之前"); }, created() { console.log("2模板创建完成"); }, beforeMount() { console.log("3模板编译之前"); }, mounted() { console.log("4模板编译完"); }, bef...原创 2019-11-17 21:10:00 · 80 阅读 · 0 评论 -
Vue中组件/官方插件/第三方插件
<!-- 组件的使用 --> <!-- 注意,在哪个组件中使用就要在哪个组件中执行这三步 1.引入组件 import Home from './components/Home.vue' 2.注册组件 components:{'v-home':Home}跟data同级 3.挂载组件 <v-home> --> <!-- 官方插件的使用 注意 引入和Vue.use只用在根模块(main.js)(不是根组件app.vue)一次原创 2019-11-17 21:02:39 · 368 阅读 · 0 评论 -
Vue基础--最常见的api
绑定数据 <!-- <h2 v-text="data"></h2> --> <h2>{{data}}</h2> 绑定属性 v-bind: <!-- <div v-bind:title="attribute">属性绑定</div> --> <div :titl...原创 2019-11-17 20:57:38 · 319 阅读 · 0 评论 -
Vue使用cordova打包成apk
1.新建一个文件夹2.创建cordova项目cordova create DonateBlood cn.brynn.donateBlood Donate(Donate是看到的app名字,DonateBlood是文件夹名字,cn.brynn.donateBlood是项目唯一id)cordova platform add android3.创建vue项目在Donate...原创 2019-11-06 11:38:16 · 286 阅读 · 0 评论 -
Vue中模块化管理
Vue对比我之前使用的angular,最大的改变是将一个组件组合成一个.vue文件,让目录结构简单了不少。下面我将.vue文件称为组件,.js文件称为模块,记录一下模块化管理的一些小细节模块化管理就像自定义函数一样,把一些东西单独拎出来,让根模块(入口文件main.js)简介一些下面用三个例子说明模块引入的步骤1.第三方依赖/官方依赖包的引入import VueResourc...原创 2019-11-03 00:17:22 · 549 阅读 · 0 评论 -
Vue中路由的配置
vue中路由的使用1.安装:npminstallvue-router--save(写入package.json)2.引入:在router文件夹下的index.js中importRouterfrom'vue-router'//12在以cli2创建的项目中已经完成3.引入组件:在router文件夹下的index.js import HelloWorld from ...原创 2019-11-01 14:53:29 · 233 阅读 · 0 评论 -
Vue基础
新建项目cli2vue init weppack demo ps.eslint选择nonecli3vue creat demo运行项目cli2vue run devcli3vue run serve原创 2019-11-01 11:16:48 · 105 阅读 · 0 评论 -
Vue中插件的使用
请求数据插件vue-resource使用1.安装:npm install vue-resource --save(写入package.json)2.在入口文件main.js引入:import VueResource from 'vue-resource'3.在入口文件调用插件:Vue.use(VueResource);4.入口文件引入的插件在所有模块中都可以用(...原创 2019-11-01 11:12:04 · 113 阅读 · 0 评论