前言 6大亮点 Performance：性能更比Vue 2.0强。 Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。 Composition API：组合API Fragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门
2023-03-18
图片处理 查找各种图片，先单独给图片做处理，之后进行sprit处理（针对那些不变的icon小图标） 配置webpack-bundle-analyzer进行代码分析 // package.json文件中增加 "scripts": { "analyz": &q
2023-03-18
Vue.js使用axios向服务器请求数据时，经常报跨域错误 'Access-Control-Allow-Origin' header is present on the requested resource 解决方法：配置代理 在config/index.js中proxyTa
2023-03-18
静态设置 动态更新之前需要有一个默认的favicon。 使用vue-cli搭建的vue项目里面已经有了一个static目录，存放静态文件。favicon图片放到该目录下。 然后再index.html中添加： <link rel="shortcut icon" type=&
2023-03-18
meta标签规范 参考：https://developers.facebook.com/docs/sharing/webmasters 分享调试：https://developers.facebook.com/tools/debug/ 标记示例：如使用 og:type="article&q
2023-03-18
baseUrl baseUrl: process.env.NODE_ENV === 'production'? '/static' : '/', 打包后的输出目录 outputDir: '../static', 静态资
2023-03-12
安装 vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli 创建一个新项目 vue create hello-world 通过空格键和上下键选择配置 Tips: 不要用git base 这种工具创建 GUI 使用vue ui
2023-03-12
Vue项目中跳转到外部链接方法 Vue页面中的内部跳转，可以用 this.$router.push() 实现，但是如果我们还用这种方法跳转外部链接，就会报错，一看链接的路径，原来是在外部链接前面加上了 http://localhost:8080/#/ 这一串导致跳转出现问题，那么我们如何跳转到外部链
2023-03-12
UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通
2023-03-12
定义路由时添加一个自定义字段requireAuth path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的 }, compon
2023-03-12
Vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐axios 安装 1、利用npm安装：npm install axios --save 2、利用bower安装：bower install axios --save 3、直接利用cdn引入：<script src=&
2023-03-12
XHR二级增加了progress事件，我们可以据此在浏览器接收新数据期间添加实时数据进度条，从而使得交互更加友好 Vue模板 <div class="progress" @click="upload" :style="{backgrou
2023-03-12
通过自定义指令的方式来实现在Vue中实现语法高亮 基本实现 安装 npm install highlight.js --save 编码 // Vue-cli生成的工程文件的src/main.js import hljs from 'highlight.js' impor
2023-03-12
使用 $http 方式获取 npm install vue-resource --save-dev news_list.vue <yd-layout style="margin-top: 10px"> <yd-cell-group title="
2023-03-12
经实测，vue-markdown的效果更好 marked npm install marked --save 具体使用： <template> <div class="article" v-html="compiledMarkdown"
2023-03-12