随笔分类 - Vue

webpack 4.X 与 Vue 2.X结合

摘要：# Vue.js ## 注意：有时候使用`npm i node-sass -D`装不上，这时候，就必须使用 `cnpm i node-sass -D` ## 在普通页面中使用render函数渲染组件 ## 在webpack中配置.vue组件页面的解析 1. 运行`cnpm i vue -S`将vu 阅读全文

posted @ 2018-08-05 19:19 GᎭ•Cristin 阅读(219) 评论(0) 推荐(0)

Webpack + vue 搭建

摘要：前言：为何使用webpack？为何相对于gulp&grunt更有优势 WebPack（前往官网）可以看做是模块打包机：直接分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。Gulp/Gr 阅读全文

posted @ 2018-05-31 15:01 GᎭ•Cristin 阅读(228) 评论(0) 推荐(0)

09.vue中样式-style

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:25 GᎭ•Cristin 阅读(150) 评论(0) 推荐(0)

08.vue中样式-class

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:24 GᎭ•Cristin 阅读(131) 评论(0) 推荐(0)

07.简易的计算器

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:23 GᎭ•Cristin 阅读(111) 评论(0) 推荐(0)

06.数据的双向绑定

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:22 GᎭ•Cristin 阅读(104) 评论(0) 推荐(0)

05. .stop、.prevent、.capture、.self、.once、

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:21 GᎭ•Cristin 阅读(144) 评论(0) 推荐(0)

04.跑马灯效果

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:20 GᎭ•Cristin 阅读(146) 评论(0) 推荐(0)

03.v-cloak、v-v-text、v-html、v-bind、v-on

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:02 GᎭ•Cristin 阅读(142) 评论(0) 推荐(0)

02.Vue基本代码

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2018-05-31 11:01 GᎭ•Cristin 阅读(156) 评论(0) 推荐(0)

01.什么是Vue.js

摘要：VUE.JS 什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js、React.js 阅读全文

posted @ 2018-05-30 22:30 GᎭ•Cristin 阅读(308) 评论(0) 推荐(0)