vue学习
文章平均质量分 61
怒放的生命1991
我就是我,是不一样的烟火 功到自然成
展开
-
研究vue-cli脚手架实现过程-自己写一个demo
vue脚手架的使用过程如下:常用的命令1、安装vue脚手架vue-cli 命令:npm install -g vue-cli 安装成功后可以用vue -V查看vue版本2、cd到对应的目录下初始化vue项目 命令:vue init webpack my-project Project name 项目名 Project description 项目名描述 Author 作者邮箱 Use ESLint to lint your c...原创 2022-02-12 09:54:13 · 955 阅读 · 0 评论 -
vue3学习
下载脚手架:npm install -g @vue/clivue create 搭建新项目:vue create <Project Name> //文件名 不支持驼峰(含大写字母)原创 2021-07-04 22:17:29 · 271 阅读 · 1 评论 -
vue响应式原理
//响应式原理 let obj = { name: 'yangedong', age: 12 } Object.keys(obj).forEach((key) => { let value = obj[key]; Object.defineProperty(obj, key, { set(newVal) { console.log('监听' + key + "的改变") value = newVal .原创 2020-12-21 23:08:40 · 82 阅读 · 0 评论 -
将vue methods方法挂载到全局window对象,给app端或后台使用 vue项目
通过jsBridge方法,H5可以调用客户端(ios,android)的内部方法,同样,客户端也需要能调用H5页面里定义的js方法,但是在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用,并没有绑定window对象下面,这样一来,vue组件里定义的方法怎么暴露给window对象,提供给外部调用呢?created() {},mounted() { /*将backToday方法绑定到window下面,提供给外部调用 后端在使用的时候调取backToday即可 我们前端..原创 2020-06-11 14:52:58 · 7081 阅读 · 3 评论 -
keep-alive是vue内置的一个组件,实现缓存
keep-alive是vue内置的一个组件,可以使被它包含的组件处于保留状态,或避免被重新渲染。在keep-alive标签内部添加include:字符串或正则表达式。只有匹配的组件会被缓存exclude:字符串或正则表达式。任何匹配的组件都不会被缓存。hello组件:<style scoped lang="less">@import "./a.css";&...原创 2019-11-03 14:41:35 · 286 阅读 · 0 评论