Vue
关注
分享
扫一扫
打杂人
最远的你，是我最近的爱。
味无味处寻乐，材不材间度生
展开
-
VUE UI create 抛 An error occurred vue-apollo.js:60 GraphQL error: ENOENT: no such file or directory
如题, 用VUE UI 方式创建项目时, 耗时严重, 等了几十分钟, 命令行控制台一直停留在reify:core-js: timing reifyNode:node_modules/lodash Completed in 63687ms 这里就不动了.怀疑是电脑问题, 重启过命令.打开浏览器控制台,发现抛错如下:An error occurredvue-apollo.js:60 GraphQL error: ENOENT: no such file or directory, ...原创 2021-03-04 00:41:18 · 4718 阅读 · 4 评论 -
[乐意黎原创]npm run dev 时抛'cross-env' is not recognized as an internal or external command的解决方法
通过Vue init webpack-simple创建工程中， 运行 npm run dev时抛以下错误，cross-env NODE_ENV=development webpack-dev-server --open --hot'cross-env' is not recognized as an internal or external command,operable p...原创 2020-03-25 03:10:07 · 11007 阅读 · 0 评论 -
vue create 和 vue init 的区别
1. vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。使用方式：vue create 项目名称2. vue initvue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，we...原创 2020-03-24 01:40:14 · 28458 阅读 · 2 评论 -
What is Webpack
Webpack is a front-end tool to build JavaScript module scripts for browsers.It can be used similar to Browserify, and do much more.$ browserify main.js > bundle.js# be equivalent to$ webpack...原创 2020-02-29 15:31:18 · 399 阅读 · 0 评论 -
Vue抛 Property or method "turn" is not defined on the instance but referenced during render. 的解决方法
如下图，Vue抛:[Vue warn]: Property or method "turn" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based co...原创 2019-05-23 00:23:54 · 15421 阅读 · 0 评论 -
vue中watch的详细用法
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(ne...转载 2019-05-14 23:26:45 · 354 阅读 · 0 评论 -
基于vue练习demo：发表评论案例 (使用localStorage存储数据)
前言最近在学习 VUE的相关知识，之前学习html和css3和原生js及jq库时感觉还挺轻松，但是接触vue框架之后才发现需要了解的东西太多了(如 vue-router，vue-cli，webpack，npm等等都得接触到一些)，太庞杂了，因此因为这一个月以来看的东西太多了脑壳有点儿懵，想了想先巩固一下VUE的基础再往后面进行，所以练习写了这个 发表评论功能 的小玩意儿。（emmmmmmmm…...转载 2019-05-14 16:52:40 · 547 阅读 · 0 评论 -
[乐意黎原创] React学习--安装React，并创建工程目录
首先，安装更新npm和nodejs版本:https://blog.csdn.net/aerchi/article/details/89383901脚手架, 就是提供一个约定好的工具(框架). 按照约定来写自己的业务代码, 通过脚手架把约定的代码编译成真正能够执行的业务代码.使用脚手架 react的脚手架其实非常多, 其中官方推荐的脚手架有下面这些:Create React App -...原创 2019-04-18 18:03:08 · 382 阅读 · 0 评论 -
React多个输入的解决方法与计算属性名
React，当有处理多个受控的input元素时，你可以通过给每个元素添加一个name属性，来让处理函数根据event.target.name的值来选择做什么。class Reservation extends React.Component { constructor(props) { super(props); this.state = { isMale:...原创 2019-04-23 11:02:08 · 1253 阅读 · 0 评论 -
JSX语法简介
React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。JSX简介JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。如下(JS写法)var child1 = React.c...转载 2019-04-18 10:59:15 · 193 阅读 · 0 评论 -
小谈React、React Native、React Web
React有三个东西，React JS 前端Web框架，React Native 移动终端Hybrid框架，React Web是一个源码转换工具（React Native转 Web，并之所以特别提出，是觉得还有些用处）。React、React Native共同特点起源Facebook 的内部项目理念Learn once, write anywhere，而不是Write on...转载 2019-04-22 11:11:48 · 301 阅读 · 0 评论 -
React 组件生命周期
在本章节中我们将讨论 React 组件的生命周期。组件的生命周期可分成三个状态：Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM生命周期的方法有： componentWillMount在渲染前调用,在客户端也在服务端。 componentDidMount: 在第一次渲染后调用，只在客户端。之后组件已经...转载 2019-04-22 10:31:07 · 171 阅读 · 0 评论 -
Vue实例的属性和方法
一、Vue之实例属性Vue实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀$，以便与代理的数据属性区分组件树$parent：用来访问组件实例的父实例 $root: 用来访问当前组件树的根实例 $children:用来访问当前组件实例的直接子组件实例 $refs:用来访问v-ref指令的子组件DOM访问$el：用来挂载当前组件实例的dom元素 $els...转载 2019-04-17 12:05:05 · 10498 阅读 · 1 评论 -
Vue 总结
vue 是什么简介型的javascript框架 个人开发 (刘雨溪) 特点：mvvm m=mvc module 模型 v=view 视图 c=controller 控制器 mvvm m=mvc module 模型 v=view 视图 vm (视图与数据之间的传递) vue1 双向数据绑定...转载 2019-04-17 10:02:22 · 540 阅读 · 0 评论 -
Vue中的v-if 和 v-show 的区别
关于条件渲染所谓条件渲染，就是根据不同的条件，使用不同的模板来生成 html。 在 Vue.js 中，使用 v-if 和 v-show 指令来控制条件渲染。区别v-show 会在app初始化的时候编译并且渲染，并且在之后一直存在。当切换v-show模块时，只是简单的更改css。v-if 当切换v-if模块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括...转载 2019-04-17 09:59:38 · 206 阅读 · 0 评论