- 博客(7)
- 资源 (5)
- 收藏
- 关注
原创 Vue初学35-箭头函数的使用
定义函数的方式1. function方式const f = function(){}2. 对象字面量方式 const obj = { f() { } }3. es6中箭头函数 const f = (参数列表) => { }3.1 多个参数的情况const sum = (num1, num2) => { return num1 + num2 }3.2 一个参数的情况,省略参数() const power =
2020-06-30 17:05:44 323
原创 Vue初学34-vue-router的使用
vue-router简介 vue-router是Vue.js的官方路由插件,它和vue.js是深度集成的,适合用于构建单页面应用(SPA)。 vue-router是基于路由和组件的,路由用于设定访问路径,将路径和组件映射起来,在vue-router的单页面应用中,页面的路径改变就是组件的切换。 切换组件的过程不会重新发送请求,只是在前端进行组件的切换。vue-router基本使用下面以cli2为例,演示下vue-router的基本使用通过命令,新建...
2020-06-16 16:31:12 325
原创 Vue初学33-cli脚手架的使用
webpack手动安装loader和其他的依赖非常麻烦。通过脚手架可以自动搭建项目所需的环境,安装所有的依赖,省去了手动配置的繁琐。cli的具体介绍可参照官网cli官网cli的安装cli需要node的版本在8.9以上,安装前请先确认node的版本。通过命令,全局安装新版本的clinpm install -g @vue/cli如果要使用旧版本,比如2.x版本,可以使用命令全局安装一个桥接工具npm install -g @vue/cli-init这样就可以同时支持2.x
2020-06-09 11:36:36 435
原创 Vue初学32-搭建本地服务器
在项目开发测试的时候,每次修改了代码都要执行命令npm run build重新打包,非常繁琐。通过搭建本地服务器,测试的时候能够实时刷新,测试完成后,只在发布的时候打包一次,避免了每次修改都要重新打包。
2020-06-05 11:14:55 528
原创 Vue初学31-插件的使用
插件(plugin)是对现有框架的扩展,使用前需要安装和配置。bannerplugin是webpack自带的插件,用于为打包的文件添加版权声明。HtmlWebpackPlugin插件可以根据模板自动生成index.html文件,并自动将打包后的js文件添加到body中。在发布之前,往往需要对js等文件进行压缩处理,需要uglifyjs-webpack-plugin插件
2020-06-04 15:56:15 274
原创 Vue初学30-vue组件化的使用方案
vue在使用时是通过el属性与dom元素绑定,dom元素在html文件中,如果将dom元素都放在html文件中,随着页面的复杂,元素会越来越多,可读性差,维护起来也不方便。因此,需要采用组件化的思想组织页面元素。
2020-06-03 11:21:52 254
原创 Vue初学29-webpack安装vue
项目中要想使用vuejs,必须对vue添加依赖。通过命令npm install vue --save安装vue
2020-06-02 09:35:38 167
Vue初学22-具名插槽(slot)的使用-标题导航栏为例
2020-04-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人