254python
vue-cli可以快速方便的创建工程,视频中学习的是vue2.x的版本,在创建的时候注意选择:

随便取名
你的demo在src里,应该先进入src目录,然后再启动,应该是这样的
CodeTiger_
vue serve可以运行任意的单个vue文件,而npm run serve是用来运行整个项目的
勿莣洎莪
看不到你的代码,无法分析逻辑,参考:https://github.com/toimc/vue-lessons-demo
qq_cookies_oqrHNO
我也遇到了,但是后来刷新页面就没了
weixin_慕沐8485017
代码可以贴出来看下么
那个夏天
qq_慕丝6268986
1、我的新建里面没有 vue component 选项,vue.js已经安装,file and cod tempales 里面也显示有 但是在新建列表里就是没有
——这个问题没有看懂,有没有代码?
2、我用vue serve demo1.vue 启动时 显示启动成功,点击链接却是另外一个项目 (之前学习的那个列表渲染和条件渲染的那个)
——vue serve是用来快速调试单vue文件/组件的,请使用npm run serve运行整个vue/cli的初始化项目。
3、启动成功后前端报错 Unknown custom element: <ui> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
——这里提示的很明显了啊,你创建的.vue的文件,在script部分需要加上name属性
weixin_慕哥6112208
在问答区有,很多同学问过~~
lvlvo
同问,,试了网上的修改eslintrc.js配置文件还是不行,无法单组件调试
qq_慕函数0172193
报错信息可以得知“禁止运行脚本”,是权限问题
参考https://blog.csdn.net/wwwwerewrew/article/details/108357266
慕用2798779
参考这里
淺影
以后在使用CLI命令的时候,一定要注意文件的路径
qq_慕的地6134304
已解决
慕桂英9285745
可以使用淘宝源再重新安装node_modules试试。
下次提问,可以提供包括且不限于:
1. webpack版本,vue版本,node版本,npm版本。
2. webpack配置;
3. package.json
4. 本课程中的哪个实例操作出如上的错误,操作的流程是什么?!
5. 代码截图,console错误截图,终端错误截图。
分享自己解决问题的经过,加强对问题的解决能力。
这样才能更好的帮助到大家哦
石头的守望
if(this.current==""){ return }发现了,是这个判断符号错了
改成全等于“===”就没问题了?什么原理?
慕粉3439875
找到原因了,没用vue ui创建项目,而是用webpack创建的项目,所以报错
慕沐5176070
检查一下自己运行命令的,是不是代码的目录。
下次提问,可以提供包括且不限于:
1. webpack版本,vue版本,node版本,npm版本。
2. webpack配置;
3. package.json
4. 本课程中的哪个实例操作出如上的错误,操作的流程是什么?!
5. 代码截图,console错误截图,终端错误截图。
分享自己解决问题的经过,加强对问题的解决能力。
这样才能更好的帮助到大家哦
Sherlock_bourne
我们一个问题一个问题的来。
Hello world你可以自己选择自己本地任何目录自己去创建。
sublime可以创建文件夹啊,也是自己去选择一个空路径或者空目录去创建,这个都可以。
sublime也有终端窗口,如果不知道怎么使用,也可以使用系统本身的终端窗口。
谢谢你的关注!~~~
漫漫漫
下次提问,可以提供包括且不限于:
1. webpack版本,vue版本,node版本,npm版本。
2. webpack配置;
3. package.json
4. 本课程中的哪个实例操作出如上的错误,操作的流程是什么?!
5. 代码截图,console错误截图,终端错误截图。
分享自己解决问题的经过,加强对问题的解决能力。
这样才能更好的帮助到大家哦
慕田峪9554188
同学,你的理解是正确的,三个等号就是强等,这个强是多了一层的判断:
var num = 0;
var obj = new String("0");
var str = "0";
var b = false;
console.log(num === num); // true
console.log(obj === obj); // true
console.log(str === str); // true
console.log(num === obj); // false
console.log(num === str); // false
console.log(obj === str); // false
console.log(null === undefined); // false
console.log(obj === null); // false
console.log(obj === undefined); // false一个值只与自身全等。
一般而言,根据 ECMAScript 规范,所有的对象都与 undefined 和 null 不相等。
这一块属于Javascript基础,可以参考:JavaScript 中的相等性判断
weixin_慕码人5038349
使用vue serve src/views/demo.vue这样去执行,要指定命令行,相对文件的路径
qq_慕粉2481158
没有安装 yarn 这个依赖工具? 类似npm
hdla
是的,也可以直接写成
:class="{active:index === current}"
===全等,就不会是默认选中状态了
开新车的老司机
都是用ui工具进行创建的,有什么问题呢?
qq_兰桨_0
这里是因为vue的虚拟DOM的原因,通俗的来说,放在内存中的DOM你也要告诉它你改变的是哪一个,对不对?否则,名义上你从程序上改了,但是,vue不知道啊,所以要给它打一个标签(key值)。
参考:
https://cn.vuejs.org/v2/api/#key
为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一
key属性
夏天FFF
同学是不是没有安装 快速原型工具?
参见:快速原型开发
npm install -g @vue/cli-service-global
安装了之后,才能使用 vue serve 命令。
员与猿与缘
你在使用vue-cli工具创建项目的时候,有选择scss作为预编译语言吗?

qq_大小姐_7
?回答里面的同学跟你解释的很清楚啦!
主要原因就是if中的逻辑判断写的有问题。
:class="{active: index === current}"
这里使用强等,就可以了。
酒鲤
建议重启终端窗口再次尝试!!!