• 分类:【前端
  • 浏览【227】
  • 评论【0】
  • 更新【2020-9-23 13:50:12】

Nuxt.js 2.13+可以扫描并自动导入您的组件,不再需要在该script部分中手动导入它们! nuxt.config配置: export default { components: true } 设置为true或使用对象时,它将包含nuxt / components依赖项,并且~/components在模板中使用它们时会自动导入您的组件。 组件目录: components/ ComponentFoo.vue ComponentBar.vue 使用 <template> <ComponentFoo /> <component-bar /

阅读全文
  • 分类:【前端
  • 浏览【338】
  • 评论【0】
  • 更新【2020-8-01 11:32:54】

vue在子组件中直接修改父组件传递下来的数据会报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "json" 原因是vue子组件不能直接修改父组件的数据,可以使用this.$emit发送通知,让父组件来修改。 示例代码: 子组件

阅读全文
  • 分类:【系统架构
  • 浏览【765】
  • 评论【0】
  • 更新【2020-5-10 11:44:34】

前言 接上篇《说道说道前后端分离》今天再次对前端现状作一次分析(吐槽)。 再次引用一句《穷查理宝典》中的理论: 在手里拿着锤子的人看来,所有的东西都会是钉子。 因为有锤子的关系,遇到任何问题,都会先想如何用锤子解决。久而久之,陷入了一种思维定式。任何工具带来便利的同时,也带来了局限性。而这往往是用锤子的人很难看到的。 事出有因 这种现状在开发圈内决不少见,不仅限于前端。本文只说说前端的现状,原因是笔者最近在工作中遇到一个棘手的问题:性能优化。 最近接手了多个现有的前端项目,是公司比较核心的移动端官网,作为门户网站访问量和用户量都比较大,但是随着项目的迭代出现了性能问题,页面加载速度在W

阅读全文
  • 分类:【前端
  • 浏览【1264】
  • 评论【0】
  • 更新【2018-2-16 21:22:49】

bundle.js:935 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in <Root>) 解决方案:与entry属性平级添加 resolve: { alias: { 'vue$':

阅读全文
  • 分类:【前端
  • 浏览【1308】
  • 评论【0】
  • 更新【2016-2-04 15:59:14】

    用vue.js做的后台管理系统,有一个列表搜索功能,正常登陆进去,直接点击搜索功能,页面就会刷新一遍,原因是url地址变化了 原本地址是: http://www.mydomain/#!/index 点击搜索以后就变成了 http://www.mydomain/?#!/index 在#!前面自动加了?,导致页面刷新一遍,这样第一次搜索就没意义了.     经过初步排查后发现点击其他按钮不会改变URL地址,对比后发现搜索按钮的type="submit",可能是提交表单导致跳转了,那么将type改为button或者直接去掉试试,结果还是不行,干脆也改为标签(加了boo

阅读全文
  • 分类:【前端
  • 浏览【19612】
  • 评论【1】
  • 更新【2016-1-27 22:59:54】

Vue.js可以传递$event对象 <body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' },

阅读全文
  • 分类:【前端
  • 浏览【4139】
  • 评论【0】
  • 更新【2016-1-14 09:57:43】

新建表单有些input输入框需要默认值,比如性别需要一个男或女默认值。再比如一个日期选择框需要默认今天。如果按照HTML的方式设置不会起作用 男女 在vue.js页面中上面这种设置方式是不会起作用的,性别不会选中,日期也不会有值。解决办法是对v-model属性设值,在初始化时给gender=0,那么默认会选中性别男,给date="2016-01-06"日期控件也有值。

阅读全文
  • 分类:【前端
  • 浏览【10213】
  • 评论【2】
  • 更新【2016-1-10 12:08:19】

在线示例 使用focus,blur可对表单进行验证,除了这两个事件,还有一个watch属性可监听data属性值得变化,具体可打开浏览器控制台看属性值得变化情况,代码可直接在浏览器中查看源码

阅读全文
  • 分类:【前端
  • 浏览【4048】
  • 评论【2】
  • 更新【2016-1-04 13:52:14】

直接看代码: var gulp = require('gulp') var webpack = require("gulp-webpack"); var webpackConfig = require("./webpack.config.js"); // gulp.task("webpack", function(callback) { // var myConfig = Object.create(webpackConfig); // webpack(myConfig, function(err, stats) { // console.log(">>>>>err

阅读全文
  • 分类:【前端
  • 浏览【1846】
  • 评论【1】
  • 更新【2016-1-01 18:19:53】

本想写篇vue.js的教程的,但牵扯的知识点比较多,最近又没时间,就记录下过程中遇到问题吧。开发过程中用的360极速浏览器,也没什么问题,但是其他人测试的时候用的是chrome浏览器,输入汉字的时候会连拼音也带进去,比如输入的是“你好”,结果却成了“nihao你好”。 按理说360极速浏览器也用的是chrome内核,不应该出现这两种不同的情况,这个问题先不追究了。还是说说为什么vue.js的输入框会出现拼音的问题。我本以为是浏览器的差异造成这种现象,但是也不是所有输入框都会出现,那一定是程序的问题。 <input

阅读全文