做一个单页， 就类似 var app=new vue("div"){……}这种
写的代码多了代码阅读渐渐的变得不方便，用 vscode 编写，但找不到类似中 c#的#region 和#endregion 折叠功能，花括号折叠限制，我一开始是 vue 对象代码和 html 代码写在一个文件里，代码量增多后，就考虑拆分文件，把 vue 对象和 html 拆成两个文件，不过即使拆分成文件，vue 对象的 js 代码但还是有阅读不便的问题
这个时候我想念 c#的部分类了，可以把一个类拆成多个文件，不知道 vue 有没有类似的功能，把一个 vue 对象的代码拆成多个 vue 对象的代码，但编译渲染的时候是看成一个的。vue 的话要怎么做到
例如 vue app=new vue("#DIv"){}; 拆分两个,伪代码 var app1=new vue("#Div"){};var app2=new vue("#Div"){};但编译的时候是看成一个对象的
 |
1
你是当 JQuery 用了吧
|
 |
zhuangzhuang1988May 16, 2020
2
mixin.
|
 |
duan602728596May 16, 2020 via iPhone
3
感觉用的太不对
|
 |
4
@duan602728596
@xsephiroth 难道没有碰到过一个 js 文件定义初始化了一个超过 500 行的对象代码么？ 一个 vue 对象的定义初始化超过 500 行，而且属性都参与了绑定，有拆分的办法么？ |
 |
ZeoKarlMay 16, 2020
5
n 你是不是对 vue 有什么误会.....
|
 |
dfourcMay 16, 2020
6
这是文档都不看直接上手吗，用 vue-cli 吧
|
 |
guolaopiMay 16, 2020 via Android
7
jsdoc?
我也是写 c#的， 写 vue 基本靠注释， vscode 应该不支持支持 vs 里那种 ctrl m+h 的区域折叠吧 |
|
dfourcMay 16, 2020
8
|
|
guolaopiMay 16, 2020 via Android
9
另外你最后说这个分布类的话你可以参考下 webpack 的 merge 函数，自己搞一个然后拆开写，最后在入口处用 merge 合并你分开写的那些文件，但是这样我觉得是脱裤子放屁。
不要试图把 C#开发习惯带到别处，不然会觉得哪哪都不对劲。 |
|
guolaopiMay 16, 2020 via Android
10
还有。。。不太清楚你是怎么写的代码，怎么会多到要把 html 和 js 拆成两个文件？我一般都建议 html 模板超过几十行后都要封装成组件调用的。。
|
 |
xcstreamMay 16, 2020
11
后端模板
|
 |
ljpCNMay 16, 2020 via Android
12
单文件组件+ts+class style component+vue-property-decorator
|
 |
cyberpointMay 16, 2020
14
垃圾 vue
|
 |
GzhiYiMay 17, 2020 via iPhone
16
用 pug
|
|
20
@tctc4869
我想要的拆分其实是类似下面这种 new Vue({ el: '#app', data: { message: 'Runoob!' }, methods: { func2: function () { this.message = this.message.split('').reverse().join('') } } }) new Vue({ el: '#app', data: { }, methods: { func1: function () { this.message="123"; //访问 message } } }) |
|
ljpCNMay 17, 2020 via Android
21
|
1
Select Language