- 博客(11)
- 收藏
- 关注
RSS订阅原创 VUE中的data 为什么data属性是一个函数而不是一个对象？
JS中的实例是通过构函数来创建的，每个构造函数可以new出很多个实例，那么每个实例都会继承原型上的方法或属性。在 new Vue() 中，data 是可以作为一个对象进行操作的，然而在 component 中，data 只能以函数的形式存在，不能直接将对象赋值给它。以上两个实例都引用同一个对象，当其中一个实例属性改变时，另一个实例属性也随之改变，只有当两个实例拥有自己的作用域时，才不会互相干扰。使用函数后，使用的是data()函数，data()函数中的this指向的是当前实例本身。
2022-12-12 10:37:17
245
1
原创 在vue单页中修改title
由于在vue单页应用中title只设定在入口文件index.html，如果切换路由，title怎么更换？在路由router中设置meta：{ path:'/home', component: resolve => require(['@pages/home.vue'], resolve), meta: { title: 'tit...
2019-05-14 15:36:24
514
原创 闭包的使用场景
一般情况下，不要用闭包，除非你真正需要它。什么是闭包？js高级程序设计给出的定义是：有权访问另一个函数作用域中变量的函数。闭包就是能够读取其他函数内部变量的函数，说白了闭包就是个函数，只不过是处于其他函数内部而已。由于在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成 “定义在一个函数内部的函数“。所以，在本质上，闭包是将函数内部和函数外...
2019-04-25 18:07:47
709
原创 vue页面控制权限,vuex刷新保存状态、登录状态保存
对于一个网站，有些页面是需要登录后才能访问的，这个时候需要做到权限管理1、页面权限控制这个常见做法是，在路由跳转的时候做判断，通过router钩子函数判断页面是否需要登录首先在router配置 meta属性然后在钩子函数to.meta.requireAuth为true就跳去登录页面登录，否则就直接到要访问的页面2、vuex页面F5刷新后维持刷新前的状态不变对于在...
2019-04-25 17:16:09
1728
原创 vue 配置开发环境和生产环境，通过不同的指令打出不同的包
一个vue项目(基于vue-cli 和webpack)之后，我们可以通过 npm run dev来让这个项目跑起来。怎么样才能配置不同的指令，build不同环境的包呢，通过网上查询，总结了一套自己的方法。现在，想要npm run build 打包出正式包，npm run test 打出测试包1.打开package.json，增加一条2.将/config/prod.env.js修...
2019-04-25 11:46:50
1725
原创 vue项目本地服务器设置既能localhost访问又能手机ip访问
一个vue项目(基于vue-cli 和webpack)之后，我们可以通过 npm run dev来让这个项目跑起来。在初始化完我们在浏览器里输入localhost:8080就可以访问该项目了。但是要是手机想访问的话，就得通过ip地址，但当我输入ip地址进行访问时，却发现不行。于是我找项目的配置文件，发现config/index.js,有个host的配置项，默认值为“localhost”,我把l...
2019-04-25 11:03:05
1027
1
原创 axios 详细使用方法 及跨域请求（反向代理）的处理
安装axios使用 npmnpm install axios使用 bower bower install axios或者直接使用 cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>main.js设置如下axios.post('/user', { ...
2019-04-24 15:55:24
762
原创 vue相对路径修改
如果静态文件不是部署在网站根目录下，vue-cli将给你造成巨大的麻烦。你不能直接把build好的文件抛进一个目录。你不能直接在本地打开用vue做好的静态网站。
2019-04-24 15:40:22
1549
原创 安装使用vux
安装使用vux1. 在项目里安装vuxnpm install vux --save2.安装vux-loader（这个vux文档中没有明文跟你说要安装的啦）npm install vux-loader --save-dev3. 安装less-loader（这个是用以正确编译less源码，否则会出现 ' Cannot GET / '，自己看package.json，如果安装...
2019-04-24 15:31:03
273
原创 解决vue移动端适配问题
解决vue移动端适配问题1.首先把安装amfe-flexible，这里使用npm installnpm install -S amfe-flexible2.在入口文件中引入import 'amfe-flexible/index.js'3.在根目录的index.html 的头部加入手机端适配的meta代码<meta name="viewport" content...
2019-04-24 15:13:56
1315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人