VUE杂记 声明式渲染 <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) v-bind 缩写: <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </s…

黑马vue---1-7.vue杂记 一.总结 一句话总结: · 我最大的优势在于潜力,也就是孤独学习的能力.旁观者(l)看的比我清楚. · 那些游戏主播,比如英雄联盟主播,年复一年的玩一个游戏,一个英雄,不会枯燥么,相比而言,我的这份枯燥算什么.还有各行各业的那些人,对比而言,我真的枯燥么. 1.前端三大主流框架? Vue.js,Angular.js,React.js 2.Vue.js和React.js的关系? Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React…

vue项目杂记 文件目录结构 src main.js app.vue package.json webpack_config_dev.js 需要安装的包 1. vue cnpm i vue --save 2. vue-loader cnpm i vue-loader style-loader css-loader vue-template-compiler --save-dev 3. webpack cnpm i webpack webpack-dev-server html-webpack-p…

1.routerLinkTo 样式设置 首先,点击routerlink标签如下图:添加:router-link-active,router-link-exact-active两个类的样式 router-link-active及router-link-exact-active区别: 有四种路径如下: <router-link to='/'> <router-link to='/a'> <router-link to='/b'> <router-link to='/a…

1.安装less,less-loader npm install less less-loader --save 2.配置wepack.js(vue3+版本中不用自己设置) //添加less路径模块 module: { rules: [{ test: '/\.less$/', loader: 'less-loader' }] } 3.在vue组件中使用,及其常用用法 @x:代表一个定义好的变量 嵌套写法 计算和各种函数进行运算 <style lang="less">//这里…

2020.4.9 加入eCharts 2020.4.8 完成article的显示,其间碰到全局路由守卫写的有错误,导致跳转报错.已修复. 加入keep-alive功能,缓存视图数据 疑问:如果在全局组件上使用keep-alive,会导致tinymce出错,如何解决? 方案一:使用keep-alive的include,把需要缓存的组件加进去,会出问题的组件则除外.注意include必须要具名组件! 理清ant-design-vue的表格逻辑,可自行添加功能.下一步实现表格的动态增减. 后端mode…

0.服务端设置 app.use(function(req, res, next){ //设置跨域访问 res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'); res.header('Acce…

MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定. Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层.它的核心是 MVVM 中的 VM,也就是 ViewModel. ViewModel负责连接 View 和 Model,保证视图和数据的一致性,这种轻量…

十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助webpack将符合条件的源文件转换为对应的目标格式文件.比如index.scss转换成index.css 安装成功后,package.json文件变化如下: 接着,安装extract-text-webpack-plugin,让webpack可以输出css格式的文件 npm install --save-…

六.新建webpack配置文件 webpack.config.js 文件整体框架内容如下,后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 module.exports = { // 配置入口 entry: { }, // 编译后的文件路径 output: { path: '', // 文件路径 filename: '' // 文件名称 }, module: { // 编译规则 loaders: [] }, // 辅助的插件 plugins:[] }…