Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
奋斗的小菜菜
vue学习
提交
8f5e815d
V
vue学习
项目概览
奋斗的小菜菜
/
vue学习
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue学习
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
8f5e815d
编写于
5月 05, 2021
作者:
奋斗的小菜菜
🥊
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
测试
上级
dacee149
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
21 addition
and
18 deletion
+21
-18
1.hello word.html
1.hello word.html
+21
-18
未找到文件。
1.hello word.html
浏览文件 @
8f5e815d
<!DOCTYPE html>
<!DOCTYPE html>
<html
lang=
"en"
>
<html
lang=
"en"
>
<head>
<head>
<meta
charset=
"UTF-8"
>
<meta
charset=
"UTF-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
...
@@ -8,35 +9,36 @@
...
@@ -8,35 +9,36 @@
<script
type=
"text/javascript"
src=
"js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/vue.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/vue.min.js"
></script>
<style
type=
"text/css"
>
<style
type=
"text/css"
>
[
v-cloak
]
{
[
v-cloak
]
{
display
:
none
;
display
:
none
;
}
}
</style>
</style>
<body>
<body>
<!--数据的响应式-->
<!--数据的响应式
-->
<div
id=
"app"
>
<div
id=
"app"
>
<div>
{{msg}}
</div>
<div>
{{msg}}
</div>
<div>
{{msg1}}
</div>
<div>
{{msg1}}
</div>
<div
v-cloak
>
{{1 + 1}}
</div>
<div
v-cloak
>
{{1 + 1}}
</div>
<div
v-text=
'msg'
></div>
<div
v-text=
'msg'
></div>
<div
v-html=
'msg2'
></div>
<div
v-html=
'msg2'
></div>
<div
v-pre
>
{{msg}}
</div>
<!--显示原始内容 不编译-->
<div
v-pre
>
{{msg}}
</div>
<div
v-once
>
{{msg3}}
</div>
<!--v-once只编译一次-->
<!--显示原始内容 不编译-->
<div
v-once
>
{{msg3}}
</div>
<!--v-once只编译一次-->
</div>
</div>
</body>
</body>
<script
type=
"text/javascript"
>
<script
type=
"text/javascript"
>
var
vm
=
new
Vue
({
var
vm
=
new
Vue
({
el
:
'
#app
'
,
//元素的挂载位置
el
:
'
#app
'
,
//元素的挂载位置
data
:{
//元素的数据
data
:
{
//元素的数据
msg
:
"
hello Vue
"
,
//数据元素
msg
:
"
hello Vue
"
,
//数据元素
msg1
:
"
text
"
,
msg1
:
"
text
"
,
ss
:
"
dsa1
"
,
ss
:
"
dsa1
"
,
msg2
:
"
<H1>html<H1>
"
,
msg2
:
"
<H1>html<H1>
"
,
msg3
:
"
v-once
"
msg3
:
"
v-once
"
}
}
});
});
</script>
</script>
<!--
<!--
v-cloak指令的用法 解决闪动问题
v-cloak指令的用法 解决闪动问题
...
@@ -54,4 +56,5 @@ var vm = new Vue({
...
@@ -54,4 +56,5 @@ var vm = new Vue({
v-once:如果显示的信息后续不在需要修改那么就用v-once 提高程序的的性能
v-once:如果显示的信息后续不在需要修改那么就用v-once 提高程序的的性能
-->
-->
</html>
</html>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录