摘要:
方法一: 下载swiper: swiper4.0使用入口:http://www.swiper.com.cn/usage/index.html; html: 在需要使用swiper的组件里引入swiper,swiper的初始化放在mounted里(可以把官网例子的启动 var mySwiper = 删 阅读全文
摘要:
(1)项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变,如下图: 点击index.html,通过浏览器运行,出现以下报错,如图: 那么应该如何修改呢? 具体步骤如下: 此时点击index.html,通过浏览器运行便,发现动态绑定的static的图片找不到,故static 阅读全文
摘要:
有的时候用vue-cli创建好项目之后,写代码时会出现换行和空格报错,出现这么写错误是什么原因呢? 相信第一次接触时有点摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具,如下图 解决方案很多种,最简单就是在创建项目初始化时,在这个选项选择N即可。 (1)ESLint 阅读全文
摘要:
处理静态资产 你可能已经注意到,在项目结构中我们有两个静态资产目录:src/assets和static/。他们之间有什么区别? 要回答这个问题,我们首先需要了解Webpack如何处理静态资产。在*.vue组件中,您的所有模板和CSS都会被解析vue-html-loader并css-loader查找资 阅读全文
摘要:
两步即可,注意版本 阅读全文
摘要:
1. 变量声明const和let; 2. 模板字符串; 3. 箭头函数; 4. import导入模块、export导出模块; 5. promise 阅读全文
摘要:
(1)什么是mvvm? MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Mode 阅读全文
摘要:
(1)什么是Render函数 先来看一个场景,在博客网中,一般有一级标题、二级标题、三级标题...,为了方便分享url,它们都做成了锚点,点击后,会将内容加载网址后面,以#分隔。 例如‘特性’是一个<h2>标签,内容含有一个<a href='#特性'>#</a>的链接,点击后url便带有了锚点信息, 阅读全文
摘要:
webpack 是利用loader 来处理各种资源的,wepback的配置基本上就是为各种资源文件,指定不同类型的loader。 1,处理css 最基本的css 处理loader 是css-loader , style-loader. css-loader 处理的是css 中的@import 和ur 阅读全文
摘要:
每一个.vue 文件就是一个 组件,组件和组件相互组合,就成了一个应用,这就涉及到的组件和组件之间的通信,最常用的就是父子之间的通信。在vue 中, 在一个组件中通过 import 引入另一个组件,这个组件就是父组件,被引入的组件就是子组件。 【一】父组件→子组件 (1)父组件传递数据 在vue-c 阅读全文